<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户</title>

    <link
      rel="stylesheet"
      type="text/css"
      href="../../static/css/common.css"
      th:href="@{/static/css/common.css}"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="../../static/css/search-user.css"
      th:href="@{/static/css/search-user.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/replymask.css"
      th:href="@{/static/css/replymask.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/home.css"
      th:href="@{/static/css/home.css}"
    />
    <!--    <link rel="stylesheet" th:href="@{/static/css/unlogin-list.css}" />-->
    <link
      rel="stylesheet"
      href="../../static/css/iconfont01.css"
      th:href="@{/static/css/iconfont01.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/publishBlog.css"
      th:href="@{/static/css/publishBlog.css}"
    />
  </head>
  <body>
    <div th:replace="~{unlogin::mask}"></div>
    <div th:replace="~{home::publishBlogBox}"></div>
    <div class="top">
      <div id="top" >
        <!-- logo -->
        <div id="logo-search">
          <div class="logo">
            <img
              src="../../static/img/logo.png"
              th:src="@{/static/img/logo.jpg}"
              alt=""
            />
          </div>
          <div class="top-search" th:replace="~{home::topSearch}"></div>
        </div>

        <!-- 各种功能 -->
        <div id="fn" th:replace="~{search::searchFn}">
          <div class="home fn">
            <div class="icon"><i class="iconfont">&#xe625;</i></div>
          </div>
          <div class="hot fn">
            <div class="icon"><i class="iconfont">&#xe628;</i></div>
          </div>
          <div class="message fn">
            <div class="icon"><i class="iconfont">&#xe908;</i></div>
          </div>
          <div class="private fn">
            <div class="icon"><i class="iconfont">&#xe60a;</i></div>
          </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access" th:replace="~{home::access}">
          <div class="setting">
            <button class="top-setting-btn">
              <i class="iconfont">&#xe645; </i>
            </button>
            <div class="setting-list">
              <a>个人中心</a>
              <a>账号修改</a>
              <div>退出</div>
            </div>
          </div>

          <div class="setting">
            <button class="top-pattern-btn">
              <i class="iconfont">&#xe6d9;</i>
            </button>
          </div>
          <div class="setting">
            <button class="top-publish-btn">
              <i class="iconfont">&#xe61d; </i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div id="content">
      <div class="list">
        <p>搜索</p>
        <ul>
          <!-- <div class="comprehensive"> -->
          <a th:href="@{/blog/skipToBlog(label=${session.label})}">
            <span><i class="iconfont">&#xe655;</i></span>
            综合
          </a>
          <!-- </div> -->
          <!-- <div class="searchUser"> -->
          <a class="color" th:href="@{/blog/skipToAllUser}">
            <span><i class="iconfont">&#xe634;</i></span>
            用户
          </a>
          <!-- </div> -->
        </ul>
      </div>
      <div id="news">
        <div class="users" th:each="user:${list}">
          <div class="usersinfo">
            <div class="user-head">
              <a th:href="@{/user/toOnesInfo(id=${user.uid})}">
                <img src="../../static/img/banner.jpg" th:src="${user.avatarUrl}" alt="" />" alt="">
              </a>
            </div>
            <div class="user-details">
              <p class="user-name" th:text="${user.username}">XXX</p>
              <p th:text="${user.label}">简介</p>
              <p>粉丝</p>
            </div>
            <div class="user-attention">
              <button class="user-attention-btn">
                <i class="iconfont">&#xe7df;</i>关注
              </button>
            </div>
          </div>
        </div>
        <p class="none">暂时没有更多内容了</p>
      </div>
      <div id="right-bar">
        <div id="hot" class="hotright">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
          <div class="allHotList">


            <div class="hot-list" th:each="hot,list:${hotSearchBlog}">
              <span th:class="|rank${list.count}|"  th:text="${list.count}">3</span><a th:text="${hot.label}">222222222222</a>
            </div>



            <!--          <div class="hot-list">-->
            <!--            <span class="rank5">5</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank6">6</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank7">7</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank8">8</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank9">9</span><a>222222222222</a>-->
            <!--          </div>-->
            <!--          <div class="hot-list">-->
            <!--            <span class="rank10">10</span><a>222222222222</a>-->
            <!--          </div>-->
            <a href="" class="all-hot"><div>查看完整榜单</div></a>
          </div>

          <a class="return-top" href="#">
            <i class="iconfont">&#xea7d;</i>
          </a>
        </div>
      </div>
    </div>

  </body>
  <script
    type="text/javascript"
    src="../../static/js/jquery3.7.1.min.js"
    th:src="@{/static/js/jquery3.7.1.min.js}"
  ></script>
  <script
    type="text/javascript"
    src="../../static/customAlertConfirm/customAlertConfirm.js"
    th:src="@{/static/customAlertConfirm/customAlertConfirm.js}"
  ></script>
  <script
    src="../../static/js/common.js"
    th:src="@{/static/js/common.js}"
    type="text/javascript"
  ></script>

  <!--  <script src="../../static/js/personalPage.js" th:src="@{/static/js/personalPage.js}"> </script>-->
  <script
    src="../../static/js/personalPage-publish.js"
    th:src="@{/static/js/personalPage-publish.js}"
  ></script>
  <script th:src="@{/static/js/replymask.js}" type="text/javascript"></script>
  <script th:inline="javascript">
    let alnews=document.getElementsByClassName("users");

    if(alnews.length==0){
      document.querySelector("#news").innerHTML=`<div class="news empty">暂无数据</div>`
    }
  </script>
</html>
